<!DOCTYPE html>

<html>





<!-- Mirrored from /theme/hplus/table_jqgrid.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:20:02 GMT -->

<head>



    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">





    <title>乡土味士-后台管理中心 - 店铺中心</title>

    <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">

    <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">



    <link rel="shortcut icon" href="favicon.ico">

    <link href="__PUBLIC__/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">

    <link href="__PUBLIC__/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">



    <!-- jqgrid-->

    <link href="__PUBLIC__/css/plugins/jqgrid/ui.jqgridffe4.css?0820" rel="stylesheet">



    <link href="__PUBLIC__/css/animate.min.css" rel="stylesheet">

    <link href="__PUBLIC__/css/style.min862f.css?v=4.1.0" rel="stylesheet">



    <style>

        /* Additional style to fix warning dialog position */



        #alertmod_table_list_2 {

            top: 900px !important;

        }

    </style>



</head>



<body class="gray-bg">

<div class="wrapper wrapper-content  animated fadeInRight">

    <div class="row">

        <div class="col-sm-12">

            <div class="ibox ">

                <div class="ibox-title">

                    <h5>乡土味士-小区管理</h5>

                </div>

                <div class="ibox-content">

                    <p>

                        对小区数据进行管理<input name="keyword" value="{$keyword}" placeholder="小区名称" class="form-control"  style="width: 66%;display: inline;margin-left: 8px;margin-right: 8px;" /><button type="button" class="btn btn-primary" onClick="sou()">搜索</button>

                    </p>

                    <hr>

                    <h4><span class="glyphicon glyphicon-plus" aria-hidden="true" onclick="SaveStore()">添加小区</span></h4>

                    <div class="jqGrid_wrapper">

                        <table id="table_list_1"></table>

                        <div id="pager_list_1" align="center">



                        </div>

                    </div>

                    <div class="footer">

                        {$page}

                    </div>

                </div>

            </div>

        </div>

    </div>

</div>

<style type="text/css">

    .footer{

        text-align: center;

    }

    .footer a{

        width: 58px;

        height: 20px;

        display: inline-block;

        border: 1px solid #d2d2d2;

        margin-left: 2px;

    }

    .footer span{

        width: 58px;

        height: 20px;

        display: inline-block;

        margin-left: 2px;

    }

    .footer .current{

        background-color: #f4f4f4;

    }

    .footer .num{

    }

    .footer .prev{

    }

    .footer .next{

    }

</style>



<script src="__PUBLIC__/js/jquery.min.js?v=2.1.4"></script>

<script src="__PUBLIC__/js/bootstrap.min.js?v=3.3.6"></script>

<script src="__PUBLIC__/js/plugins/peity/jquery.peity.min.js"></script>

<script src="__PUBLIC__/js/plugins/jqgrid/i18n/grid.locale-cnffe4.js?0820"></script>

<script src="__PUBLIC__/js/plugins/jqgrid/jquery.jqGrid.minffe4.js?0820"></script>

<script src="__PUBLIC__/js/content.min.js?v=1.0.0"></script>

<script>

    $(document).ready(function () {

        $.jgrid.defaults.styleUI = "Bootstrap";

        var button = "<table class='ui-pg-table navtable ui-common-table'>" +

            "<tbody><tr>" +

            "<td class='ui-pg-button' title='编辑所选记录'><div class='ui-pg-div' onclick='update(this)'><span class='glyphicon glyphicon-edit'></span></div></td>" +

            "</tr></tbody></table>";



        var mydata = [

            <volist name='list' id='vo'>

            {

                id:"{$vo.id}",

                title:"{$vo.title}",

                a_id_1:"{$vo.a_id_1}",

                a_id_2:"{$vo.a_id_2}",

                a_id_3:"{$vo.a_id_3}",

                state:"<eq name='vo.state' value='0'>新增</eq><eq name='vo.state' value='1'>已审核</eq>",

                button:button

            },

    </volist>

    ];

        $("#table_list_1").jqGrid({

            data: mydata,

            datatype: "local",

            height: "100%",

            autowidth: true,

            shrinkToFit: true,

            rowNum: 10,

            rowList: [10, 20, 30],

            colNames: ["序号", "小区名称","省", "市", "区",'状态','操作'],

            colModel: [

                {name: "id", index: "id",width:"50",sorttype: "int"},

                {name: "title", index: "title",width:"200", align: "center",sorttype:"text"},

                {name: "a_id_1", index: "a_id_1",width:"100", align: "center",sorttype:"text"},

                {name: "a_id_2", index: "a_id_2",width:"100", align: "center",sorttype:"text"},

                {name: "a_id_3", index: "a_id_3",width:"100", align: "center",sorttype:"text"},

                {name: "state", index: "state",width:"100", align: "center",sorttype:"text"},

                {name: "button", index: "button",width:"50", align: "center"}

            ],

            pager: "#pager_list_1",

            viewrecords: false,

            caption: "小区管理",

            hidegrid: false



        });//end jqgrid



        $(window).bind("resize", function () {

            var width = $(".jqGrid_wrapper").width();

            $("#table_list_1").setGridWidth(width);

        })

    });//end fun

</script>

<script>

    function SaveStore(){

        window.location.href="__MODULE__/Community/addcommunity";

    }//end fun

    function update(button){

        var community_id = $(button).parent().parent().parent().parent().parent().parent().attr('id');

        window.location.href="__MODULE__/Community/savecommunity?id="+community_id;

    }//end fun
	function sou(){
		window.location.href="__MODULE__/Community/index/?keyword="+$("input[name='keyword']").val();
	}//end fun</script>

</body>

<!-- Mirrored from /theme/hplus/table_jqgrid.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:20:02 GMT -->

</html>

